*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
ul,ol,dl{
    list-style: none;
}
#wrap{
    margin: 0 auto;
    background-color: rgb(19, 100, 166);
    text-align: center;
}
.wrap{
    max-height: 100px;
    position: relative;
}
.icon{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../img/icons.png") -159px -38px no-repeat;
    position: absolute;
    right: 141px;
    top: 8px;
}
.icon:hover{
    background: url("../img/icons.png") -175px -38px no-repeat;
}
#header{
    margin: 0 auto;
}
.header_top{
    height: 36px;
    background-color: #545652;
}
.frame{
    width: 1100px;
    margin: 0 auto;
}
.header_left{
    float: left;
    position: relative;
}
.header_left>ul>li{
    float: left;
    width: 49px;
    height: 35px;
    line-height: 35px;
    color: #DDD;
    padding: 0 5px;
    margin-right: 6px;
    cursor: pointer;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #545652;
    font-size: 12px;
}
.symbol{
    float: right;
    width: 0;
    height: 0;
    margin-left: 5px;
    margin-top: 16px;
    overflow: hidden;
    font-size: 0;
    display: inline-block;
    border-width: 4px;
    border-color: #DDD transparent transparent transparent  ;
    border-style: solid dashed dashed dashed;
}
.zuan_list{
    display: none;
    background-color: #FFF;
    position: absolute;
    padding-top: 10px;
    left: 0;
    width: 89px;
    border: 1px solid #BEBEBE;
    border-top: 0;
    transition: all .3s ease-in-out;
    z-index: 10;
}
.zuan_list>li,.hua_list>li{
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: center;
}
.zuan_list>li>a,.hua_list>li>a{
    color: #888;
}
.header_left>ul>li:hover{
    background-color: white;
    border-color: #BEBEBE;
    border-top-color: #E64E3E;
    color: #E64E3E;
}
.header_left>ul>li:hover .symbol{
    float: right;
    width: 0;
    height: 0;
    margin-left: 5px;
    margin-top: 11px;
    overflow: hidden;
    font-size: 0;
    display: inline-block;
    border-width: 4px;
    border-color: transparent transparent #F00 transparent  ;
    border-style: dashed dashed solid  dashed;
}
.header_left>ul>li:hover .zuan_list,.header_left>ul>li:hover .hua_list{
    display: block;
}
.zuan_list>li:hover,.hua_list>li:hover{
    background-color: #EEE;
}
.hua_list{
    display: none;
    background-color: #FFF;
    position: absolute;
    padding-top: 10px;
    left: 67px;
    width: 89px;
    border: 1px solid #BEBEBE;
    border-top: 0;
    transition: all .3s ease-in-out;
    z-index: 10;
}
.header_right{
    float: right;
    vertical-align: middle;
    padding-top: 4px;
    line-height: 25px;
}
.header_right>ul>li{
    float: right;
}
.header_right>ul>li:first-child{
    height: 26px;
    width: 220px;
    border: 1px solid #464646;
    background-color: #FFF;
}
#search{
    width: 178px;
    padding: 3px 6px;
    height: 18px;
    border: none;
}
.search{
    width: 14px;
    height: 11px;
    display: inline-block;
    background: url("../img/icons.png");
    background-position: -43px 0;
}
.log{
    width: 14px;
    height: 12px;
    display: inline-block;
    background: url("../img/icons.png");
    background-position: -118px 0;
    margin-right: 3px;
}
.header_right>ul>li a{
    color: #DDD;
    font-size: 12px;
    margin-right: 22px;
}
.header_right>ul>li a:hover{
    text-decoration: underline;
}
.header_buttom{
    margin: 0 auto;
    background: url("../img/header.png") repeat-x;
}
.frame_1{
    width: 1100px;
    height: 84px;
    margin: 0 auto;
}
.frame_1>ul>li{
    background: url("../img/header.png");
    float: left;
}
.frame_1>ul>li:first-child{
    width: 170px;
    margin-top: 18px;
}
.frame_1>ul>li:nth-child(2){
    width: 108px;
    height: 84px;
    background-position: 0 -85px;
    margin-left: 30px;
}
.ele{
    display: inline-block;
    width: 41px;
    height: 25px;
    background: url("../img/header.png") 0 -676px;
    position: relative;
    left: -4px;
}
.font{
    width: 108px;
    height: 84px;
    background: url("../img/header.png") 0 -170px;
    margin-left: 30px;
    position: relative;
}
.font_1{
    width: 108px;
    height: 84px;
    background: url("../img/header.png") 0px -254px;;
    margin-left: 30px;
    position: relative;
}
.frame_1>ul>li:nth-child(4){
    width: 108px;
    height: 84px;
    background-position: 0 -85px;
    position: relative;
}
.font_2{
    width: 108px;
    height: 84px;
    background: url("../img/header.png") 0 -338px;
    margin-left: 30px;
    position: relative;
}
.ele_1{
    display: inline-block;
    width: 41px;
    height: 25px;
    background: url("../img/header.png") 109px -676px;
    position: relative;
    left: -6px;
}
.frame_1>ul>li:nth-child(5){
    width: 108px;
    height: 84px;
    background-position: 0 -85px;
    position: relative;
    margin-left: 30px;
}
.font_3{
    width: 108px;
    height: 84px;
    background: url("../img/header.png") 0 -506px;
    margin-left: 30px;
    position: relative;
}
.frame_1>ul>li:nth-child(6){
    width: 108px;
    height: 84px;
    background: url("../img/header.png")  0 -422px;
    margin-left: 30px;
}
.frame_1>ul>li:nth-child(7){
    width: 108px;
    height: 84px;
    background: url("../img/header.png") 0 -590px;
}
.frame_1>ul>li:last-child{
    float: right;
}
.frame_1>ul>li:last-child>a{
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 31px;
    margin-left: 14px;
    transition: all 0.3s ease-in-out;
}
.icon_1{
    background: url("../img/icons.png") -49px -21px;
}
.icon_2{
     background: url("../img/icons.png") -24px -21px;
}
.icon_3{
    background: url("../img/icons.png") 0 -21px;
}
.hover{
    animation:run 0.4s linear;
    background-position: -40px -676px;
    width: 69px;
}
.hover_1{
    animation:run 0.4s linear;
    background-position: -149px -676px;
    width: 69px;
}
@keyframes run {
    0% {
        width: 0;
    }
    33% {
        width: 23px;
    }
    66% {
        width: 46px;
    }
    100% {
        width: 69px;
    }
}
.frame_1>ul>li:hover{
    cursor: pointer;
}
.frame_1>ul>li:last-child>a:first-child:hover{
     background-position: -49px -46px;
}
.frame_1>ul>li:last-child>a:nth-child(2):hover{
    background-position: -24px -46px;
}
.frame_1>ul>li:last-child>a:last-child:hover{
    background-position: 0 -46px;
}
.f4_list{
    display: none;
    width: 138px;
    height: 56px;
    background: url("../img/header_list.png") no-repeat;
    padding: 8px 0 5px;
    font-size: 12px;
    position: relative;
    top: -15px;
    left: 8px;
    z-index: 10;
}
.f4_list>li{
    width: 138px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #767676;
}
.f4_list>li:hover{
    color: #E64E3E;
}
.clear{
    display: block;
    content: '\0020';
    clear: both;
}
#banner{
    background: url("../img/repeatx.png") repeat-x;
    height: 602px;
}
.banner{
    width: 1100px;
    margin: 0 auto;
}
.banner_left{
    float: left;
    width: 211px;
    box-shadow: 2px 0 4px #D5D5D5;
    position: relative;
    z-index: 5;
}
#theme{
    height:17px;
    text-align:center;
    cursor:pointer;
    background:#D03800;
    position: relative;
}
#theme .ex{
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 8px;
    background: url("../img/icons.png") no-repeat -73px 0;;
}
#theme>h2{
    color:#fff;
    font-size:14px;
}
.ex_1{
    width: 172px;
    height: 5px;
    background: url("../img/index.png") no-repeat -22px 0;
    overflow: hidden;
    position: relative;
    top: -12px;
}
.banner_left>ul>li{
    width: 172px;
    height: 40px;
    padding: 11px 19px;
}
.banner_left>ul>li>h3{
    color: #555;
}
.banner_left>ul>li:nth-child(2n){
    background: #F0F0F0;
}
.banner_left>ul>li{
    font-size: 12px;
    position: relative;
}
.banner_left>ul>li:hover{
    background:#545651;
}
.banner_left>ul>li:hover h3{
    color: #FFF;
}
.banner_left>ul>li:hover>.menu>a{
    color: #FFF;
}
.menu>a:hover{
    text-decoration: underline;
}
.banner_left>ul>li:hover .menu_list{
    display: block;
}
.menu_list{
    position:absolute;
    top: 0;
    left:210px;
    width:446px;
    padding:18px 34px;
    z-index:5;
    box-shadow:inset 2px 0 5px 0 #D5D5D5, 2px 0 3px #E8E8E8;
    background:#fff;
    display: none;
}
.menu{
    margin-top: 8px;
}
.menu>a{
    margin-right:6px;
    color:#888;
}
.more{
    position:absolute;
    right:13px;
    top:31px;
    display:block;
    width:6px;
    height:9px;
    background:url(../img/index.png) no-repeat 0 -6px;
}
.list_1{
    border-bottom: 1px dotted #E2E2E2;
    padding-bottom: 12px;
    margin-bottom: 14px;
    line-height:1.5;
}
.list_1>h4,.list_3>h4{
    font-size: 14px;
    color: #e64e3e;
    margin-bottom: 9px;
}
.list_2>a{
    color: #555;
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px;
}
.list_2>a:hover{
    color:#E64E3E;
    text-decoration:underline;
}
.list_3{
    position: relative;
    width: 446px;
    height: auto;
}
.list_3>ul li{
    float:left;
    width: 88px;
    height: 56px;
    border: 1px solid #EDEEEF;
    margin: 0 0 -1px -1px;
    background-color: #FFF;
    vertical-align: middle;
    position: relative;
}
.list_3>ul li a{
    display:block;
    text-align:center;
    position: relative;
}
.list_3>ul li a img{
    width: 80px;
    height: 27px;
    margin-top: 14px;
    position: relative;
}
.sIntro{
    font-size: 12px;
    background: #000;
    position: relative;
    z-index: 1;
    display: block;
    padding-top: 10px;
    text-align: center;
    line-height: 19px;
    opacity: 0.7;
}
.sIntro>h4{
    color: #FFF;
}
.sIntro>p{
    color: #ff4e00;
}
.menu_buttom{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-top: 15px;
    padding: 0 10px;
    color: #FFF;
    background-color: #E64E3E;
}
.menu_buttom>em{
    margin-left: 6px;
    display: inline-block;
    border-width: 4px;
    border-color: transparent transparent transparent #FFF;
    border-style: dashed dashed dashed solid;
}
.pos_3{
    position: absolute;
    top: -56px;
    left: 210px;
}
.pos{
    position: absolute;
    top: -120px;
    left: 210px;
}
.pos_1 {
    position: absolute;
    top: -180px;
    left: 210px;
}
.pos_2{
     position: absolute;
     top: -225px;
     left: 210px;
}
.pos_4{
    position: absolute;
    top: -293px;
    left: 210px;
}
.ele_2{
    display: inline-block;
    width: 30px;
    height: 14px;
    background: url("../img/icons.png");
    background-position: -87px 0;
}
.banner_center{
    width:666px;
    position:relative;
    float: left;
}
.carousel{
    position:relative;
    width:666px;
    height:300px;
    overflow:hidden;
}
.pic>img{
    vertical-align:bottom;
}
.pic{
    width:2664px;
    position:absolute;
    left:0;
    top:0;
}
.pic>li{
    float:left;
}
.nav{
    float:left;
    position:absolute;
    left:0;
    bottom:0;
}
.nav>li{
    float:left;
    position:relative;
    bottom:0;
    width:165px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    margin-right:2px;
}
.nav>li>a{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:30px;
    display:block;
    color:#fff;
    transition: 0.3s ease-out;
    background: #333;
}
.nav>li.nav_1 a{
    background: #D03800;
    height:36px;
    line-height:36px;
}
.nav li:last-child{
    margin-right:0;
}
.banner_main>div{
    float: left;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
.banner_main>div>img{
    vertical-align: top;
}
.banner_main{
    width: 666px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #E4E4E4;
}
.banner_right{
    float: left;
}
.cando{
    width: 187px;
    background-color: #D03800;
    height: 300px;
    padding: 0 18px;
}
.cando_top{
    border-bottom: 1px solid #BE3300;
    height: 41px;
    padding: 65px 23px;
}
.cando_top>a{
    display: block;
    width: 141px;
    height: 41px;
    background: url("../img/index.png") 0 -16px;
}
.cando_bottom{
    border-top: 1px solid #D44612;
    color: #FFF;
    padding-top: 12px;
}
.ex_2{
    display: inline-block;
    border-right: 8px solid #E8AFA3;
    border-bottom: 8px dashed transparent;
    margin-right: 8px;
}
.cando_bottom>ul>li{
    padding-bottom: 5px;
}
.cando_bottom>ul>li a{
    font-size: 12px;
    color: #FFF;
}
.cando_bottom>ul>li a:hover{
    text-decoration: underline;
}
.fast-strack{
    background-color: #F0F0F0;
    padding: 0 18px;
    width: 187px;
    height: 302px;
}
.fast_top{
    border-bottom: 1px dotted #CBCBCB;
    margin-bottom: 15px;
    padding-top: 14px;
    padding-bottom: 12px;
}
.fast_top h3,.fast_bottom h3{
    font-size: 16px;
    color: #343434;
    margin-bottom: 16px;
    font-weight: normal;
}
.fast_top>ul>li{
    float: left;
    width: 93px;
    padding-bottom: 8px;
    height: 20px;
}
.fast_top>ul>li a{
    font-size: 12px;
    color: #7E7E7E;
}
.fast_top>ul>li a span{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../img/index.png") no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
.fast_top>ul>li a span.pic_1{
    background-position: 0 -99px;
}
.fast_top>ul>li a span.pic_2{
     background-position: -14px -99px;
}
.fast_top>ul>li a span.pic_3{
    background-position: -29px -99px;
}
.fast_top>ul>li a span.pic_4{
    background-position: -60px -99px;
}
.fast_top>ul>li a span.pic_5{
    background-position: -75px -99px;
}
.weixin{
    display: inline-block;
    width: 185px;
    height: 80px;
    background: url("../img/index.png") 0 -129px;
}
.fast_top>ul>li a:hover{
    font-weight: bolder;
    color: #FF4E00;
}
.fast_top>ul>li a:hover span{
    animation: runing 0.9s linear;
}
.fast_top>ul>li a:hover span.pic_1{
    background-position: 0 -114px;
}
.fast_top>ul>li a:hover span.pic_2{
    background-position: -14px -114px;
}
.fast_top>ul>li a:hover span.pic_3{
    background-position: -29px -114px;
}
.fast_top>ul>li a:hover span.pic_4{
    background-position: -60px -114px;
}
.fast_top>ul>li a:hover span.pic_5{
    background-position: -75px -114px;
}
@keyframes runing{
    20%{
        transform:rotate(15deg);
    }
    40%{
        transform:rotate(-10deg);
    }
    60%{
        transform:rotate(5deg);
    }
    80%{
        transform:rotate(-5deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
#main{
    margin: 0 auto;
}
.main{
    width: 1100px;
    margin: 0 auto;
    margin-top: 25px;
}
.main_top{
    height: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid #E64E3E;
    line-height: 50%;
}
.plug-in_1{
    width: 13px;
    height: 18px;
    display: inline-block;
    background: url("../img/index.png") -142px -16px;
    margin-right: 3px;
    vertical-align: middle;
}
.main_1{
    float: left;
    display: inline;
}
.main_1>h2{
    display: inline-block;
    color: #e64e3e;
    font-size: 16px;
    font-weight: normal;
    margin-right: 15px;
}
.nub{
    font-size: 12px;
    color: #888;
}
.nub_1{
    color: #E64E3E;
}
.main_2{
    float: right;
    margin-top: 4px;
}
.main_2>ul>li{
    float: left;
    position: relative;
}
.main_2>ul>li a{
    font-size: 12px;
    color: #888;
    margin: 0 15px;
}
.main_2>ul>li a:hover{
    color: #FF4E00;
}
.main_2>ul>li>span{
    color: #888;
    font-size: 11px;
}
.plug-in_2{
    display: inline-block;
    width: 3px;
    height: 5px;
    background: url("../img/index.png") -7px -6px;
    margin-left: 5px;
    vertical-align: middle;
}
.main_1:hover>span{
    animation: runing 0.9s linear;
}
.main_center{
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #E2E3E3;
    margin-bottom: 25px;
}
.main_center>ul>li{
    float: left;
    font-size: 0;
    border-right: 1px solid #E2E3E3;
}
.ex_3{
    width: 20px;
    height: 18px;
    background-position: -156px -16px;
}
.ele_3{
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: 30px;
    margin-left: -2px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 4px;
    border-color: transparent transparent #E64E3E transparent;
    border-style: dashed dashed solid dashed;
}
.main_3{
    float: right;
    margin-top: 4px;
}
.main_3>ul>li{
    float: left;
    width: 64px;
    height: 22px;
    margin-left: 25px;
    position: relative;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.main_3>ul>li>a{
    font-size: 12px;
    color: #888;
}
.sl{
    background-color: #E64E3E;
    border-radius: 2px;
}
.main_3>ul>li.sl>a{
    color: #FFF;
}
.main_bottom{
    border: 1px solid #D9D9D9;
    border-top: 0;
    margin-bottom: 25px;
    height: 250px;
}
.right{
    float: right;
    width: 224px;
}
.right>ul>li{
    float: left;
    width: 110px;
    height: 48px;
    border: 1px solid #EDEEEF;
    line-height: 60px;
    text-align: center;
}
.t2,.t3{
    display: none;
}
#footer{
    background-color: #F0F0F0;
    margin-top: 36px;
}
.footer{
    width: 1100px;
    margin: 0 auto;
}
.footer_1{
    padding: 20px 0;
    border-bottom: 1px solid #E0E0E0;
}
.footer_1>ul>li{
    float: left;
    width: 366px;
    height: 55px;
}
.footer_1>ul>li span{
    float: left;
    display: inline-block;
    width: 58px;
    height: 55px;
    margin-right: 10px;
    background: url("../img/cblink.png");
}
.footer_1>ul>li span.ex_4{
     background-position: 150px 0;
}
.footer_1>ul>li span.ex_5{
    width: 45px;
    height: 55px;
    background-position: 241px 0;
}
.footer_1>ul>li span.ex_6{
    width: 45px;
    height: 55px;
    background-position: 345px 0;
}
.footer_1>ul>li h4{
    display: inline-block;
    color: #333;
    font-size: 16px;
    font-weight: normal;
}
.footer_1>ul>li p{
    font-size: 14px;
    color: #888;
}
.footer_2{
    padding: 16px 0;
    border-top: 1px solid #FFF;
}
.footer_left{
    float: left;
    padding-left: 12px;
    width: 695px;
    height: 182px;
    border-right: 1px solid #FFF;
}
.footer_left>ul{
    float: left;
    margin-right: 65px;
}
.footer_left>ul>li{
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}
.footer_left>ul>li>a{
    font-size: 12px;
    color: #999;
}
.footer_left>ul>li>a:hover{
    text-decoration: underline;
    color: #FF4E00;
}
.ele_4{
    display: block;
    width: 92px;
    height: 34px;
    background: url("../img/icons.png") -208px 0;
}
.footer_right{
    float: left;
    width: 346px;
    height: 182px;
    border-left: 1px solid #E0E0E0;
    padding-left: 35px;
}
.footer_right>ul{
    float: left;
    width: 150px;
    height: 77px;
    margin-bottom: 18px;
}
.footer_right>ul>li{
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
}
.footer_right>ul>li:nth-child(2){
    font-size: 12px;
    color: #999;
}
.footer_right>ul:first-child>li>a{
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}
.footer_right>ul:first-child>li>a:last-child:hover{
    background-position: -49px -46px;
}
.footer_right>ul:first-child>li>a:nth-child(2):hover{
    background-position: -24px -46px;
}
.footer_right>ul:first-child>li>a:first-child:hover{
    background-position: 0 -46px;
}
.ele_5>img{
    width: 60px;
    height: 60px;
}
#last{
    margin: 0 auto;
}
.last{
    width: 1100px;
    padding: 20px 0;
    margin: 0 auto;
    line-height: 20px;
    text-align: center;
}
.last>p{
    font-size: 12px;
    color: #777;
}
.last>p>a{
    font-size: 12px;
    color: #777;
}
.last>p>a:hover{
    color: #FF4E00;
    text-decoration: underline;
}
